/* stylelint-disable function-name-case */
@import '~antd/es/style/variable.less';

:root {
  --ant-primary-color: @primary-color;
  --ant-primary-color-hover: color(~`colorPalette('@{link-color}', 5) `);
  --ant-primary-color-active: color(~`colorPalette('@{primary-color}', 7) `);
  // --ant-primary-color-outline: fade(@primary-color, @outline-fade);
}

html,
body,
#root {
  height: 100%;
}

.colorWeak {
  filter: invert(80%);
}

.ant-layout {
  height: 100vh;
}
.ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed {
  left: unset;
}

canvas {
  display: block;
}

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

ul,
ol {
  list-style: none;
}

@media (max-width: @screen-xs) {
  .ant-table {
    width: 100%;
    overflow-x: auto;
    &-thead > tr,
    &-tbody > tr {
      > th,
      > td {
        white-space: pre;
        > span {
          display: block;
        }
      }
    }
  }
}

// Compatible with IE11
@media screen and(-ms-high-contrast: active), (-ms-high-contrast: none) {
  body .ant-design-pro > .ant-layout {
    min-height: 100vh;
  }
}

.ant-layout-header {
  background-color: transparent;
}

.ant-pro-global-header {
  box-shadow: none !important;
}

.ant-pro-global-header-layout-mix {
  background-color: #c62d2e !important;
  // .ant-pro-global-header-logo h1 {
  //   color: black !important;
  // }
  // .anticon {
  //   color: #545d6b !important;
  // }
}

.ant-pro-basicLayout-content {
  background-color: #f0f2f5;
}

.ant-pro-page-container {
  padding-bottom: 24px;
  overflow-x: hidden;
}

// .ant-select-dropdown {
//   overflow-y: auto !important;
// }

// .ant-select-dropdown:not(.ant-select-dropdown-hidden) {
//   .rc-virtual-list-scrollbar {
//     /* Always show scroll bar in select dropdown menu */
//     right: 2px !important; /* look more like native mac os scroll bar */
//   }

//   .rc-virtual-list-scrollbar-show {
//     display: block !important; /* important to overwrite inline style display: none */
//   }
// }

// .rc-virtual-list-holder {
//   overflow-y: auto !important;
// }
